<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Mini Project KPPL</title>
<script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
</head>

<body>
<form id="form1" name="form1" method="post" action="">
  <img src="yukheader.PNG" width="1079" height="77" alt="yukheader" />
</form>
<form id="form2" name="form2" method="post" action="">
  <div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
      <li class="TabbedPanelsTab" tabindex="0">Beranda</li>
      <li class="TabbedPanelsTab" tabindex="0">Cari Penginapan</li>
      <li class="TabbedPanelsTab" tabindex="0">Populer</li>
      <li class="TabbedPanelsTab" tabindex="0">Kontak Kami</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent">
        <p>Selamat Datang di AsikNginap.com, nikmati kemudahan mencari penginapan di Surabaya.</p>
        <p><img src="homenginap.jpg" width="275" height="183" alt="homenginap" /></p>
      </div>
      <div class="TabbedPanelsContent">
        <table width="1070" border="1">
          <tr>
            <th width="132" scope="row"><ul id="MenuBar1" class="MenuBarVertical">
              <li>
                <ul>
                  <li>
                    <ol>
                      <li></li>
                    </ol>
                  </li>
                </ul>
                Rating </li>
              <li>
                <input type="checkbox" name="ratingbintang1" id="ratingbintang1" />
                <label for="ratingbintang1">*</label>
              </li>
              <li>
                <input type="checkbox" name="ratingbintang2" id="ratingbintang2" />
                <label for="ratingbintang2">**</label>
              </li>
              <li>
                <input type="checkbox" name="ratingbintang3" id="ratingbintang3" />
                <label for="ratingbintang3">***</label>
              </li>
              <li>
                <input type="checkbox" name="ratingbintang4" id="ratingbintang4" />
                <label for="ratingbintang4">****</label>
              </li>
              <li>Harga</li>
              <li>Jenis
                <ul>
                  <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a>
                    <ul>
                      <li><a href="#">Item 3.1.1</a></li>
                      <li><a href="#">Item 3.1.2</a></li>
                    </ul>
                  </li>
                  <li><a href="#">Item 3.2</a></li>
                  <li><a href="#">Item 3.3</a></li>
                </ul>
              </li>
              <li>
                <input type="checkbox" name="jenishotel" id="jenishotel" />
                <label for="jenishotel">Hotel</label>
              </li>
              <li>
                <input type="checkbox" name="jeniskosan" id="jeniskosan" />
                <label for="jeniskosan">Kos</label>
              </li>
              <li>
                <input type="checkbox" name="jenisvilla" id="jenisvilla" />
                <label for="jenisvilla">Villa</label>
              </li>
              <li>Area</li>
              <li>
                <input type="checkbox" name="areagebang" id="areagebang" />
                <label for="areagebang">Gebang</label>
              </li>
              <li>
                <input type="checkbox" name="areakeputuh" id="areakeputuh" />
                <label for="areakeputuh">Keputih</label>
              </li>
              <li>
                <input type="checkbox" name="areakertajaya" id="areakertajaya" />
                <label for="areakertajaya">Kertajaya</label>
              </li>
              <li>
                <input type="submit" name="cari" id="cari" value="Cari" />
              </li>
            </ul></th>
            <td width="922"><p>&nbsp;</p></td>
          </tr>
        </table>
      </div>
      <div class="TabbedPanelsContent">Content 3</div>
      <div class="TabbedPanelsContent">
        <p>Kirim pertanyaan, saran, dan kritik kepada kami</p>
        <p>
          <label for="nama">Nama</label>
             <input type="text" name="nama" id="nama" />
        </p>
        <p>
          <label for="email">E-Mail</label>
          <input type="text" name="email" id="email" />
        </p>
        <p>
          <label for="saran">Pertanyaan/Saran/Kritik<br />
          </label>
          <textarea name="saran" id="saran" cols="45" rows="5"></textarea>
        </p>
        <p>
          <input type="submit" name="submitsaran" id="submitsaran" value="Kirim" />
        </p>
      </div>
    </div>
  </div>
</form>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<script type="text/javascript">
var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>